<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basepath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>添加缴费信息</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link href="<%=basepath%>css/index.css" rel="stylesheet" type="text/css">
    <link href="<%=basepath%>css/platform.css" rel="stylesheet" type="text/css">
    <script src="<%=basepath%>js/jquery-1.8.3.min.js"></script>
    <script src="<%=basepath%>js/layer/layer.js"></script>
    <!--mobiscrol-->
    <script src="<%=basepath%>js/dev/js/mobiscroll.core-2.5.2.js" type="text/javascript"></script>
    <script src="<%=basepath%>js/dev/js/mobiscroll.core-2.5.2-zh.js" type="text/javascript"></script>
    <link href="<%=basepath%>js/dev/css/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
    <link href="<%=basepath%>js/dev/css/mobiscroll.animation-2.5.2.css" rel="stylesheet" type="text/css" />
    <script src="<%=basepath%>js/dev/js/mobiscroll.datetime-2.5.1.js" type="text/javascript"></script>
    <script src="<%=basepath%>js/dev/js/mobiscroll.datetime-2.5.1-zh.js" type="text/javascript"></script>
    <!--ios-->
    <script src="<%=basepath%>js/dev/js/mobiscroll.ios-2.5.1.js" type="text/javascript"></script>
    <link href="<%=basepath%>js/dev/css/mobiscroll.ios-2.5.1.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function () {
            var currYear = new Date().getFullYear();
            $('#demo').mobiscroll().date({
                theme: 'ios',
                lang: 'zh',
                display: 'bottom',
                dateFormat: 'yyyy-mm-dd', // 日期格式
                dateOrder: 'yymmdd', //面板中日期排列格式
                defaultValue: new Date(new Date().setFullYear(currYear - 20)),
                maxDate: new Date(new Date().setFullYear(currYear + 100)),
                minDate: new Date(new Date().setFullYear(currYear - 10))
            });
        });
    </script>
</head>
<body>
<div class="viewport">
    <div class="header">
       <div class="header-1">
           <a href="javascrpt:void(0)" id="join" class="header-2">
              <span id="account" class="account">${empty user.realName ? '' : user.realName}</span>&nbsp;&nbsp;<span id="deptName" class="deptName">${user.departmentName}</span>
           </a>
           <a href="/wape-web/api/core/centerService?serviceCode=WJ9999&targetURL=store&prefix=3g_platform_shop-rent_op&entrance=yes" class="back" id="back">返回</a>
           <span class="span-num">WWP28210</span>
       </div>
    </div>
    <form method="post" id="myForm" action="/wape-web/api/core/centerService">
    <div class="content m-top">
        <div class="hr-1"></div>
        <div class="blank"></div>
        <div class="layout3-1" style="font-size:12px;">
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:80px;"><span>预收款单号：</span></td>
                       <td><input type="text" placeholder="*必填项" id="require-1" style="border:none;border-bottom:1px solid #ccc;height:30px;width:100%;"></td>
                       <td style="width:80px;"><a href="javascript:void(0)" class="sure" id="submit">提交</a></td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:80px;"><span>预收款类别：</span></td>
                       <td><input type="text" placeholder="*必填项" id="require-2" style="border:none;border-bottom:1px solid #ccc;height:30px;width:100%;"></td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:80px;"><span>预收款金额：</span></td>
                       <td><input type="text" placeholder="*必填项" id="require-3" style="border:none;border-bottom:1px solid #ccc;height:30px;width:100%;"></td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:80px;"><span>预收款时间：</span></td>
                       <td><input type="text" placeholder="*选择时间" readonly="readonly" id="demo" name="" style="border:none;border-bottom:1px solid #ccc;height:30px;width:100%;"></td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:80px;"><span>预收款方式：</span></td>
                       <td>
                          <select style="width:100%;">
                              <option value=""> 现金</option>
                              <option value=""> 银行转账_中晟广发</option>
                              <option value=""> 银行转账_中顺资产广发</option>
                              <option value=""> 银行转账_中晟工行</option>
                              <option value=""> 银行转账_中晟中行</option>
                              <option value=""> 银行转账_中晟建行</option>
                              <option value=""> 微信支付_中晟工行</option>
                              <option value=""> 支付宝支付_中晟工行</option>
                          </select>
                       </td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:70px;"><span>核准人员：</span></td>
                       <td><input type="text" placeholder="*选填项" style="border:none;border-bottom:1px solid #ccc;height:30px;width:100%;"></td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:70px;"><span>会计人员：</span></td>
                       <td><input type="text" placeholder="*选填项" style="border:none;border-bottom:1px solid #ccc;height:30px;width:100%;"></td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:70px;"><span>记账人员：</span></td>
                       <td><input type="text" placeholder="*选填项" style="border:none;border-bottom:1px solid #ccc;height:30px;width:100%;"></td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:70px;"><span>出纳人员：</span></td>
                       <td><input type="text" placeholder="*选填项" style="border:none;border-bottom:1px solid #ccc;height:30px;width:100%;"></td>
                   </tr>
                </table>
            </div>
            <div class="hr"></div>
            <div class="layout3-1-1">
                <table style="width:100%;">
                   <tr>
                       <td style="width:70px;"><span>经手人员：</span></td>
                       <td><input type="text" placeholder="*选填项" style="border:none;border-bottom:1px solid #ccc;height:30px;width:100%;"></td>
                   </tr>
                </table>
            </div>
        </div>
        <div class="blank-z"></div>
        <div class="ap-1">
            <textarea rows="" cols="" placeholder="备注:" style="width:100%;"></textarea>
        </div>
        <div class="space"></div>
    </div>
    </form>
</div>
</body>
<script type="text/javascript">
     /*错误提示*/
     $(function(){
         var error = "${requestScope.returnMsg}";
         if(error != "" && error != "成功!"){
             layer.msg(error,{shadeClose:true,shade:0.1,time:2000});
         }
     });
     /*提交*/
     $(function(){
    	 $("#submit").click(function(){
    		 layer.confirm('确认提交？',{
                 icon: 3,
                 title:'提交'
             },function(sure){
                 layer.closeAll();
                 $("#myForm").submit();
             });
    	 });
     });
     /*提交表单*/
     $("#myForm").submit(function(){
         var a = $("#require-1").val();
         var b = $("#require-2").val();
         var c = $("#require-3").val();
         var d = $("#demo").val();
         if(a == ""){
             layer.msg("请输入预收款单号",{shadeClose:true,shade:0.1,time:2000});
             return false;
         }
         else if(b == ""){
             layer.msg("请输入预收款类别",{shadeClose:true,shade:0.1,time:2000});
             return false;
         }
         else if(c == ""){
             layer.msg("请输入预收款金额",{shadeClose:true,shade:0.1,time:2000});
             return false;
         }
         else if(d == ""){
             layer.msg("请输入预收款时间",{shadeClose:true,shade:0.1,time:2000});
             return false;
         }
         else{
             layer.load();
             setTimeout(function(){
                 layer.closeAll();
                 layer.msg("网络异常，请重新尝试！",{shadeClose:true,shade:0.1,time:2000});
             }, 30000);
         }
     });
</script>
</html>


